
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<div class="col-sm-3 col-md-3">
		<div class="panel-group" id="accordion">
			<div class="panel panel-default search_filter">
				<div class="panel-heading">
					<h4 class="panel-title">Search Filter</h4>
				</div>
				<div id="collapseOne"
					class="panel-collapse collapse in right_panel_div">
					<div class="row row-centered">
						<form id="advanceSearch" class="form-horizontal"
							action="PropertySearchServlet" method="get">

							<div class="col-xs-10 col-centered search-feild-div">
								<label for="inputType">Rent/Sale</label> <select
									class="form-control input-sm" name="rent_sale">
									<option value="rent"
										${requestScope.rent_sale == rent ? 'selected="selected"' : ''}>Rent</option>
									<option value="sale"
										${requestScope.rent_sale == sale ? 'selected="selected"' : ''}>Sale</option>
								</select>
							</div>


							<div class="col-xs-10 col-centered search-feild-div">
								<label for="inputType">Type</label> <select
									class="form-control input-sm" name="type">
									<option
										${requestScope.type == 'Any' ? 'selected="selected"' : ''}>Any</option>
									<option
										${requestScope.type == 'Apartment / Condo' ? 'selected="selected"' : ''}>Apartment / Condo</option>
									<option
										${requestScope.type == 'Landed House' ? 'selected="selected"' : ''}>Landed
										House</option>
									<option
										${requestScope.type == 'HDB' ? 'selected="selected"' : ''}>HDB</option>
								</select>
							</div>

							<div class="col-xs-10 col-centered search-feild-div">
								<label for="inputLocation">Location</label> <select
									class="form-control input-sm" name="location">
									<option
										${requestScope.location == 'Boat Quay' ? 'selected="selected"' : ''}>Boat
										Quay</option>
									<option
										${requestScope.location == 'Raffles Place' ? 'selected="selected"' : ''}>Raffles
										Place</option>
									<option
										${requestScope.location == 'Marina' ? 'selected="selected"' : ''}>Marina</option>
									<option
										${requestScope.location == 'Chinatown' ? 'selected="selected"' : ''}>Chinatown</option>
									<option
										${requestScope.location == 'Tanjong Pagar' ? 'selected="selected"' : ''}>Tanjong
										Pagar</option>
									<option
										${requestScope.location == 'Alexandra' ? 'selected="selected"' : ''}>Alexandra</option>
									<option
										${requestScope.location == 'Commonwealth' ? 'selected="selected"' : ''}>Commonwealth</option>
									<option
										${requestScope.location == 'Harbourfront' ? 'selected="selected"' : ''}>Harbourfront</option>
									<option
										${requestScope.location == 'Telok Blangah' ? 'selected="selected"' : ''}>Telok
										Blangah</option>
									<option
										${requestScope.location == 'Buona Vista' ? 'selected="selected"' : ''}>Buona
										Vista</option>
									<option
										${requestScope.location == 'West Coast' ? 'selected="selected"' : ''}>West
										Coast</option>
									<option
										${requestScope.location == 'Clementi' ? 'selected="selected"' : ''}>Clementi</option>
									<option
										${requestScope.location == 'City Hall' ? 'selected="selected"' : ''}>City
										Hall</option>
									<option
										${requestScope.location == 'Clarke Quay' ? 'selected="selected"' : ''}>Clarke
										Quay</option>
									<option
										${requestScope.location == 'Beach Road' ? 'selected="selected"' : ''}>Beach
										Road</option>
									<option
										${requestScope.location == 'Farrer Park' ? 'selected="selected"' : ''}>Farrer
										Park</option>
									<option
										${requestScope.location == 'Serangoon' ? 'selected="selected"' : ''}>Serangoon</option>
									<option
										${requestScope.location == 'Orchard' ? 'selected="selected"' : ''}>Orchard</option>
									<option
										${requestScope.location == 'River Valley' ? 'selected="selected"' : ''}>River
										Valley</option>
									<option
										${requestScope.location == 'Tanglin Holland' ? 'selected="selected"' : ''}>Tanglin
										Holland</option>
									<option
										${requestScope.location == 'Newton' ? 'selected="selected"' : ''}>Newton</option>
								</select>
							</div>

							<div class="col-xs-10 col-centered search-feild-div">
								<label for="inputBedrooms">Bedrooms</label> <select
									class="form-control input-sm" name="bedrooms">
									<option
										${requestScope.bedrooms == 'Any' ? 'selected="selected"' : ''}>Any</option>
									<option
										${requestScope.bedrooms == 'Studio' ? 'selected="selected"' : ''}>Studio</option>
									<option
										${requestScope.bedrooms == '1 Bedroom' ? 'selected="selected"' : ''}>1
										Bedroom</option>
									<option
										${requestScope.bedrooms == '2 Bedrooms' ? 'selected="selected"' : ''}>2
										Bedrooms</option>
									<option
										${requestScope.bedrooms == '3 Bedrooms' ? 'selected="selected"' : ''}>3
										Bedrooms</option>
									<option
										${requestScope.bedrooms == '4 Bedrooms' ? 'selected="selected"' : ''}>4
										Bedrooms</option>
									<option
										${requestScope.bedrooms == '5 Bedrooms' ? 'selected="selected"' : ''}>5
										Bedrooms</option>
								</select>
							</div>
							<c:if test="${requestScope.rent_sale eq 'sale'}">
								<div class="col-xs-10 col-centered search-feild-div">
									<label for="inputMinPrice">Min Price</label> <select
										class="form-control input-sm" name="min_price">
										<option ${requestScope.min_price == 'Any Price' ? 'selected="selected"' : ''}>Any Price</option>
										<option ${requestScope.min_price == 'S$ 200,000' ? 'selected="selected"' : ''}>S$ 200,000</option>
										<option ${requestScope.min_price == 'S$ 300,000' ? 'selected="selected"' : ''}>S$ 300,000</option>
										<option ${requestScope.min_price == 'S$ 400,000' ? 'selected="selected"' : ''}>S$ 400,000</option>
										<option ${requestScope.min_price == 'S$ 500,000' ? 'selected="selected"' : ''}>S$ 500,000</option>
										<option ${requestScope.min_price == 'S$ 700,000' ? 'selected="selected"' : ''}>S$ 700,000</option>
										<option ${requestScope.min_price == 'S$ 1000,000' ? 'selected="selected"' : ''}>S$ 1000,000</option>
										<option ${requestScope.min_price == 'S$ 5000,000' ? 'selected="selected"' : ''}>S$ 5000,000</option>
										<option ${requestScope.min_price == 'S$ 10,000,000' ? 'selected="selected"' : ''}>S$ 10,000,000</option>
										<option ${requestScope.min_price == 'S$ 20,000,000' ? 'selected="selected"' : ''}>S$ 20,000,000</option>
										<option ${requestScope.min_price == 'S$ 50,000,000' ? 'selected="selected"' : ''}>S$ 50,000,000</option>
									</select>
								</div>

								<div class="col-xs-10 col-centered search-feild-div">
									<label for="inputMaxPrice">Max Price</label> <select
										class="form-control input-sm" name="max_price">
										<option ${requestScope.max_price == 'Any Price' ? 'selected="selected"' : ''}>Any Price</option>
										<option ${requestScope.max_price == 'S$ 200,000' ? 'selected="selected"' : ''}>S$ 200,000</option>
										<option ${requestScope.max_price == 'S$ 300,000' ? 'selected="selected"' : ''}>S$ 300,000</option>
										<option ${requestScope.max_price == 'S$ 400,000' ? 'selected="selected"' : ''}>S$ 400,000</option>
										<option ${requestScope.max_price == 'S$ 500,000' ? 'selected="selected"' : ''}>S$ 500,000</option>
										<option ${requestScope.max_price == 'S$ 700,000' ? 'selected="selected"' : ''}>S$ 700,000</option>
										<option ${requestScope.max_price == 'S$ 1000,000' ? 'selected="selected"' : ''}>S$ 1000,000</option>
										<option ${requestScope.max_price == 'S$ 5000,000' ? 'selected="selected"' : ''}>S$ 5000,000</option>
										<option ${requestScope.max_price == 'S$ 10,000,000' ? 'selected="selected"' : ''}>S$ 10,000,000</option>
										<option ${requestScope.max_price == 'S$ 20,000,000' ? 'selected="selected"' : ''}>S$ 20,000,000</option>
										<option ${requestScope.max_price == 'S$ 50,000,000' ? 'selected="selected"' : ''}>S$ 50,000,000</option>
									</select>
								</div>
							</c:if>
							<c:if test="${requestScope.rent_sale eq 'rent'}">


								<div class="col-xs-10 col-centered search-feild-div">
									<label for="inputMinPrice">Min Price</label> <select
										class="form-control input-sm" name="min_price">
										<option ${requestScope.min_price == 'Any Price' ? 'selected="selected"' : ''}>Any Price</option>
										<option ${requestScope.min_price == 'S$ 500' ? 'selected="selected"' : ''}>S$ 500</option>
										<option ${requestScope.min_price == 'S$ 1000' ? 'selected="selected"' : ''}>S$ 1000</option>
										<option ${requestScope.min_price == 'S$ 1500' ? 'selected="selected"' : ''}>S$ 1500</option>
										<option ${requestScope.min_price == 'S$ 2000' ? 'selected="selected"' : ''}>S$ 2000</option>
										<option ${requestScope.min_price == 'S$ 2500' ? 'selected="selected"' : ''}>S$ 2500</option>
										<option ${requestScope.min_price == 'S$ 3000' ? 'selected="selected"' : ''}>S$ 3000</option>
										<option ${requestScope.min_price == 'S$ 4000' ? 'selected="selected"' : ''}>S$ 4000</option>
										<option ${requestScope.min_price == 'S$ 5000' ? 'selected="selected"' : ''}>S$ 5000</option>
										<option ${requestScope.min_price == 'S$ 6000' ? 'selected="selected"' : ''}>S$ 6000</option>
									</select>
								</div>

								<div class="col-xs-10 col-centered search-feild-div">
									<label for="inputMaxPrice">Max Price</label> <select
										class="form-control input-sm" name="max_price">
										<option ${requestScope.max_price == 'Any Price' ? 'selected="selected"' : ''}>Any Price</option>
										<option ${requestScope.max_price == 'S$ 500' ? 'selected="selected"' : ''}>S$ 500</option>
										<option ${requestScope.max_price == 'S$ 1000' ? 'selected="selected"' : ''}>S$ 1000</option>
										<option ${requestScope.max_price == 'S$ 1500' ? 'selected="selected"' : ''}>S$ 1500</option>
										<option ${requestScope.max_price == 'S$ 2000' ? 'selected="selected"' : ''}>S$ 2000</option>
										<option ${requestScope.max_price == 'S$ 2500' ? 'selected="selected"' : ''}>S$ 2500</option>
										<option ${requestScope.max_price == 'S$ 3000' ? 'selected="selected"' : ''}>S$ 3000</option>
										<option ${requestScope.max_price == 'S$ 4000' ? 'selected="selected"' : ''}>S$ 4000</option>
										<option ${requestScope.max_price == 'S$ 5000' ? 'selected="selected"' : ''}>S$ 5000</option>
										<option ${requestScope.max_price == 'S$ 6000' ? 'selected="selected"' : ''}>S$ 6000</option>
									</select>
								</div>
							</c:if>


							<div class="span7 pull-right btn_right">
								<button type="submit" class="btn btn-large btn-primary">Search</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>